@import "../common/_common.scss";
/* 首页品牌滚动列表 */
.roll {
  width: 100%;
  height: 160px;
  background: $cfff;
  margin-bottom:0px;
}

.roll-list {
  max-width: 1080px;
  margin: 0 auto;
  height: 130px;
  position: relative;
  padding: 0 55px 0;
  .flex-viewport{ width: 1080px; height: 160px;}
  .prev {
    cursor: pointer;
    width: 15px;
    height: 25px;
    background-position: 0 -24px;
    &:hover {
      cursor: pointer;
      width: 15px;
      height: 25px;
      background-position: 0 -2px;
    }
  }
  .next {
    cursor: pointer;
    width: 15px;
    height: 25px;
    background-position: -20px 0;
    &:hover {
      cursor: pointer;
      width: 15px;
      height: 25px;
      background-position: -20px -22px;
    }
  }
  .tab-item {
    padding: 0;
    overflow: hidden;
  }
  .data-list {
    padding: 0 0 0;
    overflow: hidden;
    width: 2000%;
    li {
      float: left;
      border-right: 1px dotted #ccc;
      width: 180px;
      position: relative;
      -webkit-transition: -webkit-transform .2s linear 0s;
      transition: transform .2s linear 0s;
      margin: 40px 0;
      .text {
        text-align: center;
        margin-top: 14px;
      }
      a {
        color: $c333;
        width: 180px;
        display: inline-block;
        text-align: center;
      }
      img{
        display: block;
        // -webkit-transition: -webkit-transform .2s linear 0s;
        // transition: transform .2s linear 0s;
        margin: 0 auto;
      }
      &:hover{
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
      }
      &:hover a {
        color: $fedStdColor_l3;
        text-decoration: none;
      }
      &:hover .expectimg {
        opacity: .2;
        filter: alpha(opacity=20);
        background-color: rgba(0,0,0,.2);
      }
      &:hover .expect {
        color: #ccc;
        text-decoration: none;
      }
    }
  }
  .btn-left, .btn-right {
    position: absolute;
    top: 65px;
  }
  .btn-left {
    left: 24px;
    z-index: 999;
  }
  .btn-right {
    right: 24px;
    z-index: 999;
  }
}

.rollImg {
  width: 150px;
  height: 50px;
}
.open-soon{
    width: 183px;
    height: 160px;
    line-height: 160px;
    color: #333;
    position: absolute;
    left: 0;
    // padding-top:20px;
    z-index: 999;
    text-align: center;
    font-size: 18px;
    top:-35px;
    color: #FFFFFF;
    background:rgba(0,0,0,0.7);


 }




